import Vue from 'vue'

const component = {
  model: {
    prop: 'value1',
    event: 'change'
  }, // 这样改变的是 v-model默认的 input事件 和 value  自定义名称
  props: [value],
  template:`
    <div>
      <input type="text" :value="value" @input="handleInput"/>
    </div>
  `,
  methods: {
    handleInput(e){
      this.$emit('input', e.target.value)
    }
  }
}

new Vue({
  components: {
    Comp: component
  },
  data: {
    value: 123
  },
  template: `
    <div>
      <comp-one :value="value" @input="value = arguments[0]"></comp-one>  //相当于v-model
    </div>
  `
})
